@charset "utf-8";
@import "reset";

//第一个
.first{
    width: 100%;
    height: 565px;
    background-color: #8bc01f;
    margin-top: 56px;
    .first_body{
        .first_body_test{
            height: 100%;
            .first_body_test_box{
                display: flex;
                flex-flow: column;
                .first_body_test_box_top{
                    display: flex;
                    align-items: center;
                    margin-top: 55px;
                    p{
                        color: white;
                        font-size: 48px;
                    }
                }
                .first_body_test_box_end{
                    p{
                        color: white;
                    }
                    .p1{
                        font-size: 24px;
                    }
                    .p2{
                        font-size: 14px;
                        margin-top: 50px;
                    }
                    .p3{
                        font-size: 14px;
                        margin-top: 25px;
                    }
                    .p4{
                        font-size: 14px;
                        margin-top: 25px;
                    }
                }
                a{
                    width: 100px;
                    height: 34px;
                    .inp{
                        width: 100px;
                        height: 34px;
                        margin-top: 34px;
                        background-color: #e8f2d2;
                        position: relative;
                        span{
                            color: #8bc01f;
                            position: absolute;
                            white-space: nowrap;
                            left: 50%;
                            top: 50%;
                            transform: translate(-50%, -50%);
                        }
                    }
                }
            }
        }
        .first_body_bgimg{
            height: 565px;
            background-image: url(../img/jz1.png);
            background-repeat: no-repeat;
            background-position: right center;
        }
    }
}

//第二个
.second{
    width: 100%;
    height: 621px;
    background-color: #3393df;
    .secone_body{
        width: 100%;
        height: 100%;
        margin: 0 auto;
        overflow: hidden;
        .secone_body_top{
            display: flex;
            margin-top: 50px;
            align-items: center;
            p{
                color: white;
                font-size: 48px;
            }
        }
        .secone_body_box{
            margin-top: 20px;
            height: 450px;
            .secone_body_box_one{
                img{
                    width: 100%;
                }
            }
            .secone_body_box_two{
                h3{
                    color: white;
                    margin-bottom: 20px;
                }
                p{
                    line-height: 30px;
                    font-size: 14px;
                    color: white;
                    margin-bottom: 20px;
                }
            }
            .secone_body_box_three{
                background-image: url(../img/jz3.png);
                background-repeat: no-repeat;
                background-size: 100% auto;
                background-position: bottom;
            }
        }
    }
}

//第三个
.three{
    width: 100%;
    height: 700px;
    .three_body{
        width: 100%;
        margin: 0 auto;
        height: 700px;
        .bgimg{
            height: 700px;
            background-image: url(../img/jz5.png);
            background-repeat: no-repeat;
            background-position: center 450px;
        }
        .bgimg2{
            height: 700px;
            background-image: url(../img/jz6.png);
            background-repeat: no-repeat;
            background-position: center 450px;
        }
        .three_body_top{
        margin-top: 60px;
            display: flex;
            align-items: center;
            p{
                font-size: 42px;
                color: #3393df;
            }
        }
        h6{
            color: #3393df;
            margin-top: 20px;
        }
        .three_body_lite{
            text-indent: 2em;
            height: 30px;
            font-size: 14px;
            margin-top: 10px;
        }
        
    }
}

//5和6
.five{
    background-color: #f7f7f7;
        .bgimg3{
            height: 700px;
            background-image: url(../img/jz7.png);
            background-repeat: no-repeat;
            background-position: center 450px;
        }
        .bgimg4{
            height: 700px;
            background-image: url(../img/jz8.png);
            background-repeat: no-repeat;
            background-position: center 450px;
        }
}
//媒体监听
@media only screen and (max-width:414px){
    .first{
        height: auto;
        .first_body{
            .first_body_bgimg{
                background-size: 100%;
            }
        }
    }
    .second{
        height: auto;
        .secone_body{
            height: auto;
            .secone_body_box{
                height: auto;
                .secone_body_box_three{
                    height: 300px;
                    background-size: 60%;
                    background-position: left 20px;
                }
            }
        }
    }
    .three{
        height: auto;
        .three_body{
            h6{
                margin-top: 30px;
            }
            height: auto;
            .bgimg{
                background-position: right 480px;
            }
            .bgimg2{
                margin-top: -80px;
                background-position: right 450px; 
            }
        }
    }
}
